.dropdown {
  position: absolute;
  right: 0;
  top: 46px;
  width: 100%;
  border-radius: 14px;
  backdrop-filter: $blur;
  border-radius: 14px;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out,
    width 0.2s ease-in-out, height 0.2s ease-in-out;
  pointer-events: none;
  transform: translate3d(0, -8px, 0);
  opacity: 0;
  z-index: 3;
  cursor: default;
  box-sizing: border-box;
  overflow: hidden;

  &_theme {
    &_dark {
      background-color: $dropdown-dark;
    }

    &_light {
      background: $dark-gradient-static;
    }
  }

  &__wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 186px;
    padding: $padding-md $padding-llg;
    width: 100%;
    box-sizing: border-box;
    box-shadow: $shadow-1;
  }

  &_visible {
    opacity: 1;
    transform: translate3d(0, 8px, 0);
    pointer-events: auto;
  }

  &__list {
    &-item {
      color: $white;
      transition: $transition-1;
      font-size: $fz-md;
      line-height: 16px;
      cursor: pointer;

      &:hover {
        color: $primary;
      }

      &:not(:last-child) {
        margin-bottom: $padding-md;
      }
    }
  }
}
